@font-face {
  font-family: 'MiSans-Regular';
  src:
    url('../assets/fonts/MiSans-Regular.woff') format('woff'),
    url('../assets/fonts/MiSans-Regular.woff2') format('woff2');
}

@font-face {
  font-family: 'MiSans-Medium';
  src:
    url('../assets/fonts/MiSans-Medium.woff') format('woff'),
    url('../assets/fonts/MiSans-Medium.woff2') format('woff2');
}

@font-face {
  font-family: 'MiSans-Heavy';
  src:
    url('../assets/fonts/MiSans-Medium.woff') format('woff'),
    url('../assets/fonts/MiSans-Medium.woff2') format('woff2');
}

@font-face {
  font-family: 'MiSans-Demibold';
  src:
    url('../assets/fonts/MiSans-Demibold.woff') format('woff'),
    url('../assets/fonts/MiSans-Demibold.woff2') format('woff2');
}

/* 清除所有元素的默认内外边距 */
* {
  margin: 0;
  padding: 0;
  /* 可选：设置盒模型为 border-box（避免宽度计算问题） */
  box-sizing: border-box;
  font-family: 'MiSans-Regular', sans-serif;
  /* color: #fff; */
}

html,
body,
#app {
  width: 100%;
  height: 100%;
  /* background-color: #050505; */
}

/* 清除列表默认样式（圆点/数字） */
ul,
ol {
  list-style: none;
}

/* 清除超链接默认下划线 */
a {
  text-decoration: none;
  color: inherit; /* 继承父元素颜色，避免默认蓝色 */
}

/* 清除图片默认边框（旧浏览器可能有） */
img {
  border: none;
  display: block; /* 避免图片底部默认空白 */
}

/* 清除表单元素默认样式差异 */
input,
button,
textarea,
select {
  font-family: inherit; /* 继承父元素字体 */
  outline: none; /* 清除聚焦时默认轮廓（按需保留） */
}

/* 修改滚动条宽度和高度 */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

/* 修改滚动条轨道（背景） */
::-webkit-scrollbar-track {
  background-color: #fff;
}

/* 修改滚动条滑块（拖动部分） */
::-webkit-scrollbar-thumb {
  background-color: #73cc6d;
  border-radius: 0px;
}

/* 鼠标悬停在滚动条滑块上时的样式 */
::-webkit-scrollbar-thumb:hover {
  background-color: #5aa856;
}
